Ext.define('DragonApp.view.main.Header', {
    extend: 'Ext.toolbar.Toolbar',
    xtype: 'appheader',

    ui: 'footer',

    items: [{
        xtype: 'component',
        bind: {
            html: '{appHeaderIcon}'
        }
    }, {
        xtype: 'component',
        componentCls: 'app-header-title',
        bind: {
            html: '{appName}'
        }
    }, {
        xtype: 'tbfill'
    }, {
        xtype: 'tbtext',
        text: '当前用户 : '
    }, {
        xtype: 'tbtext',
        text: '',
        itemId: 'user'
    }, {
        xtype: 'tbseparator'
    }, {
        xtype: 'tbtext',
        text: '角色 : '
    }, {
        xtype: 'tbtext',
        text: '',
        itemId: 'role_name'
    }, {
        xtype: 'splitbutton',
        itemId: 'logout',
        text: '登出',
        width: 80,
        reference: 'logout',
        iconCls: 'fa fa-sign-out fa-lg buttonIcon',
        listeners: {
            click: 'onLogout'
        },
        menu: new Ext.menu.Menu({

            items: [
                { text: '系统信息', iconCls: 'fa fa-info fa-lg buttonIcon', handler: 'getSysInfo' },
                { text: '修改密码', iconCls: 'fa fa-key fa-lg buttonIcon', handler: 'onChangePass' }
            ]
        })
    }]
});